<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/detail.css">
</head>
<body>
    <header></header>
    <div class="nc-nav">
        <div class="dec-banner">
            <a href=""><img src="/images/16.png" alt=""></a>
        </div>
        <div class="small-nav">
            <ul>
                <li><a href="/html/index.html">店铺首页</a></li>
                <li><a href="/html/index.html">全部商品</a></li>
                <li><a href="">复印纸</a></li>
                <li><a href="">办公用品</a></li>
                <li><a href="">热门耗材</a></li>
                <li><a href="">生活用品</a></li>
                <li><a href="">打印一体机热销</a></li>
                <li><a href="">电脑热销</a></li>
                <li><a href="">外设附件</a></li>
                <li><a href="">清仓专区</a></li>
            </ul>
        </div>
    </div>

    <!-- 购物车导航 -->
    <div class="cart-nav">
        <a href="/html/index.html">首页</a>
        <span>></span>
        <a href="/html/list.html">电脑办公</a>
        <span>></span>
        <a href="">办公文具</a>
        <span>></span>
        <a href="">文件管理</a>
        <span>></span>
        <a href="">得力</a>
        <span>></span>
        <a href="">得力(deli) 5684 ABA系列A4/75mm档案盒 蓝色 单只装</a>    
    </div>

    <!-- 放大镜 -->
    <div class="ncs-detail" id="goodsImg">
    </div>
        <!-- //商品图片 -->
        <script type="text/html" id="templateDetail">
        <div class="goodsImg" >      
       
            <div class="bigImg" >
                <img src="{{imgs[0]}}" alt="">
                <span></span>
            </div>
            <div class='bigBox'>
                <img src="{{imgs[0]}}" alt="">
            </div>
            <div class="smallImg">
                    <ul id='gall'>
                        {{each imgs img}}
                        <li >
                            <img src="{{img}}" alt="">
                        </li>
                       {{/each}}
                    </ul>
            </div>
        </div>

        <!-- 信息 -->
        <div class="goodsInfo">
            <div class="goods-name">
                <h1>{{title}}</h1>
            </div>
            <div class="goods-price">
                    <dl class='dl1'>
                        <dt class='marketPrice'>市&nbsp;场&nbsp;价:{{price}}</dt>
                    </dl>
                    <dl class="dl2">
                        <dt class='price'>商&nbsp;场&nbsp;价:{{marketPrice}}</dt>
                    </dl>
                    <dl class="goods-sale">
                        <dd>销量：{{saleNum}} <span></span></dd>
                        <dd>累计评价： <span>1</span></dd>
                        <dd>商品评价：</dd>
                    </dl>
               
            </div>
            <div class="goods-num">
                <dl>
                    <dt>购买数量：</dt>
                    <div class='add-num1'>1</div>
                    <dd>
                        <a href="" class="increase">+</a>
                        <a href="" class="decrease">-</a>
                        <em>
                            (当前库存<strong>{{kc}}</strong>件)
                        </em>
                    </dd>
                </dl>
                <div class="button">
                    <button class="btn1">立即购买</button>
                    <button class="btn2" id='add-to-cart'> 加入购物车</button>
                </div>
                <dl>
                    <dt>免单额度：</dt>
                    <dd>满99免运费</dd>
                </dl>
            </div>
         <div class='carts'><span id='cart-num'>0</span></div>
        </div>
    </script>
   
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/detail"></script>
</html>